<template>
	<!--
    	作者：1550495493@qq.com
    	时间：2019-08-17
    	描述：合同信息
    -->
	<div class="Announcements">
		<div class="Website-visits">
			<div class="location">
				<div class="location-text fl">
					<img class="location-img fl" src="../../images/ProjectManager/daiban.png" />
					<p class="fr">合同信息</p>
				</div>
				<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
			</div>
			<div class="search-box">
				<div class="fl">
					<label>项目名称：</label>
          <input name="search" class="search" type="text" autocomplete="off" v-model="search" />
          <input class="btn" type="button" value="搜索" @click="searchTodo" />
				</div>
			</div>
			<div class="PressRelease-list">
				<table>
					<thead>
						<tr>
							<th class="w200">基地名称</th>
              				<th class="w200">项目名称</th>
							<th class="w150">基地类别</th>
          					<th class="w70">需指导次数</th>
							<th class="w150">合同开始时间</th>
							<th class="w150">合同结束时间</th>
							<th class="w70">合同附件</th>
						</tr>
					</thead>
					<tbody>
            <tr v-if="areasList.length == 0">
              <td colspan="7" class="center">暂无数据！</td>
            </tr>
            <tr v-for="(areas,index) in areasList" :class="index==curIndex?'activeBg':''" @click="choosed(index)">
							<td :title="areas.name"><span class="show-twoline">{{areas.name}}</span> </td>
              <td :title="areas.projectName"><span class="show-twoline">{{areas.projectName}} </span> </td>
							<td>{{areas.type == 0?'现代农业综合示范基地':areas.type == 1?
                '现代农业特色产业基地':areas.type == 2?'乡村建设研究实践基地':areas.type == 3?'新农村建设分布式服务站':'其他' }}</td>
              <td>{{areas.projectGuide}} </td>
							<td>{{formatData(areas.projectContractBeginTime)}}</td>
							<td>{{formatData(areas.projectContractEndTime)}}</td>
							<td><input type="button" value="查看" class="delete write" @click="preview(areas.projectContract)"/></td>
						</tr>
					</tbody>
				</table>

			</div>
			<!--total  数据总数   size  一页多少条数据   page  当前页码    changge 返回当前选择的页码  改变一页显示条 child  返回值就是一页显示条数  -->
				<pageination :total="total" :size="size" :page="page" :changge="pageFn" @child="obtainChild"></pageination>
		</div>
		</div>
</template>


<script src="./TheContractInformation.js"></script>

<style scoped>
	@import "TheContractInformation.css"
</style>
